<div class="admin-content">
	<div class="am-cf am-padding">
		<div class="am-fl am-cf">
			<strong class="am-text-primary am-text-lg">订单</strong> / <small>Order</small>
		</div>
	</div>





	<div class="am-tabs am-margin" id="doc-my-tabs" tabdir>
		<ul class="am-tabs-nav am-nav am-nav-tabs">
			<li class="am-active"><a value=1>未支付</a></li>
			<li class=""><a value=2 >已支付待提货</a></li>
			<li class=""><a value=3 >已提货</a></li>
			<li class=""><a value=4 >已取消</a></li>
		</ul>


		<div class="am-tabs-bd" style="touch-action: pan-y; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
			<div class="am-tab-panel am-fade am-active am-in" id="tab1">
				<form class="am-form">
					<table class="am-table am-table-striped am-table-hover table-main">
						<thead>
							<tr>
								<!-- <th class="table-check"><input type="checkbox" /></th> -->
								<th>id</th>
								<th>用户</th>
								<th>总金额</th>
								<th>打折情况</th>
								<th>订单时间</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr data-ng-repeat="order in search.1.currentPageItems">
								<td>{{ order.uuid }}</td>
								<td>{{ order.user.phone }}</td>
								<td>{{ order.money }}</td>
								<td>{{ order.discount }}</td>
								<td>{{ order.postTime | date: 'yyyy-MM-dd HH:mm:ss' }}</td>
								<td>
									<div class="am-btn-toolbar">
										<div class="am-btn-group am-btn-group-xs am-btn-group-justify">
											<button class="am-btn am-round am-btn-default  am-btn-xs am-text-warning" data-ng-click="edit(order)">
												<span class="am-icon-pencil-square-o"></span>查看
											</button>
										</div>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
					<div class="am-cf" data-ng-model="total">
						共&nbsp;{{search.1.recordCount}}&nbsp;条记录,&nbsp;共&nbsp;{{ search.1.pages }}&nbsp;页
						<div class="am-fr">
							<ul class="am-pagination">
								<li class="{{ search.1.currentPage-1>0 ? 'am' : 'am-disabled' }}"><a href="javascript:void(0);" disabled="{{!page.hasPrePage}}" data-ng-click="search.1.previous()">上一页</a></li>
								<li class="am-disabled"><a href="javascript:void(0);">{{ search.1.recordCount!="0"? search.1.currentPage : 0 }}</a></li>
								<li class="{{ search.1.currentPage+1<=search.1.pages? 'am' : 'am-disabled' }}"><a href="javascript:void(0);" data-ng-click="search.1.next()">下一页</a></li>
							</ul>
						</div>
					</div>
				</form>
			</div>

			<div class="am-tab-panel am-fade" id="tab2">
				<form class="am-form">
					<table class="am-table am-table-striped am-table-hover table-main">
						<thead>
							<tr>
								<!-- <th class="table-check"><input type="checkbox" /></th> -->
								<th>id</th>
								<th>用户</th>
								<th>总金额</th>
								<th>打折情况</th>
								<th>订单时间</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr data-ng-repeat="order in search.2.currentPageItems">
								<td>{{ order.uuid }}</td>
								<td>{{ order.user.phone }}</td>
								<td>{{ order.money }}</td>
								<td>{{ order.discount }}</td>
								<td>{{ order.postTime | date: 'yyyy-MM-dd HH:mm:ss' }}</td>
								<td>
									<div class="am-btn-toolbar">
										<div class="am-btn-group am-btn-group-xs am-btn-group-justify">
											<button class="am-btn am-round am-btn-default  am-btn-xs am-text-warning" data-ng-click="edit(order)">
												<span class="am-icon-pencil-square-o"></span>查看
											</button>
										</div>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
					<div class="am-cf" data-ng-model="total">
						共&nbsp;{{search.2.recordCount}}&nbsp;条记录,&nbsp;共&nbsp;{{ search.2.pages }}&nbsp;页
						<div class="am-fr">
							<ul class="am-pagination">
								<li class="{{ search.2.currentPage-1>0 ? 'am' : 'am-disabled' }}"><a href="javascript:void(0);" disabled="{{!page.hasPrePage}}" data-ng-click="search.2.previous()">上一页</a></li>
								<li class="am-disabled"><a href="javascript:void(0);">{{ search.2.recordCount!="0"? search.2.currentPage : 0 }}</a></li>
								<li class="{{ search.2.currentPage+1<=search.2.pages? 'am' : 'am-disabled' }}"><a href="javascript:void(0);" data-ng-click="search.2.next()">下一页</a></li>
							</ul>
						</div>
					</div>
				</form>
			</div>

			<div class="am-tab-panel am-fade" id="tab3">
				<form class="am-form">
					<table class="am-table am-table-striped am-table-hover table-main">
						<thead>
							<tr>
								<!-- <th class="table-check"><input type="checkbox" /></th> -->
								<th>id</th>
								<th>用户</th>
								<th>总金额</th>
								<th>打折情况</th>
								<th>订单时间</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr data-ng-repeat="order in search.3.currentPageItems">
								<td>{{ order.uuid }}</td>
								<td>{{ order.user.phone }}</td>
								<td>{{ order.money }}</td>
								<td>{{ order.discount }}</td>
								<td>{{ order.postTime | date: 'yyyy-MM-dd HH:mm:ss' }}</td>
								<td>
									<div class="am-btn-toolbar">
										<div class="am-btn-group am-btn-group-xs am-btn-group-justify">
											<button class="am-btn am-round am-btn-default  am-btn-xs am-text-warning" data-ng-click="edit(order)">
												<span class="am-icon-pencil-square-o"></span>查看
											</button>
										</div>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
					<div class="am-cf" data-ng-model="total">
						共&nbsp;{{search.3.recordCount}}&nbsp;条记录,&nbsp;共&nbsp;{{ search.3.pages }}&nbsp;页
						<div class="am-fr">
							<ul class="am-pagination">
								<li class="{{ search.3.currentPage-1>0 ? 'am' : 'am-disabled' }}"><a href="javascript:void(0);" disabled="{{!page.hasPrePage}}" data-ng-click="search.3.previous()">上一页</a></li>
								<li class="am-disabled"><a href="javascript:void(0);">{{ search.3.recordCount!="0"? search.3.currentPage:0 }}</a></li>
								<li class="{{ search.3.currentPage+1<=search.3.pages? 'am' : 'am-disabled' }}"><a href="javascript:void(0);" data-ng-click="search.3.next()">下一页</a></li>
							</ul>
						</div>
					</div>
				</form>
			</div>

			<div class="am-tab-panel am-fade" id="tab4">
				<form class="am-form">
					<table class="am-table am-table-striped am-table-hover table-main">
						<thead>
							<tr>
								<!-- <th class="table-check"><input type="checkbox" /></th> -->
								<th>id</th>
								<th>用户</th>
								<th>总金额</th>
								<th>打折情况</th>
								<th>订单时间</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr data-ng-repeat="order in search.4.currentPageItems">
								<td>{{ order.uuid }}</td>
								<td>{{ order.user.phone }}</td>
								<td>{{ order.money }}</td>
								<td>{{ order.discount }}</td>
								<td>{{ order.postTime | date: 'yyyy-MM-dd HH:mm:ss' }}</td>
								<td>
									<div class="am-btn-toolbar">
										<div class="am-btn-group am-btn-group-xs am-btn-group-justify">
											<button class="am-btn am-round am-btn-default  am-btn-xs am-text-warning" data-ng-click="edit(order)">
												<span class="am-icon-pencil-square-o"></span>查看
											</button>
										</div>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
					<div class="am-cf" data-ng-model="total">
						共&nbsp;{{search.4.recordCount}}&nbsp;条记录,&nbsp;共&nbsp;{{ search.4.pages }}&nbsp;页
						<div class="am-fr">
							<ul class="am-pagination">
								<li class="{{ search.4.currentPage-1>0 ? 'am' : 'am-disabled' }}"><a href="javascript:void(0);" disabled="{{!page.hasPrePage}}" data-ng-click="search.4.previous()">上一页</a></li>
								<li class="am-disabled"><a href="javascript:void(0);">{{ search.4.recordCount!="0"? search.4.currentPage:0 }}</a></li>
								<li class="{{ search.4.currentPage+1<=search.4.pages? 'am' : 'am-disabled' }}"><a href="javascript:void(0);" data-ng-click="search.4.next()">下一页</a></li>
							</ul>
						</div>
					</div>
				</form>
			</div>

		</div>
	</div>
</div>
<!-- 这是tab -->
<script>
	$(function() {
		$('#doc-my-tabs').tabs();
	})
</script>
<!--这是tab end  -->
<!-- content end -->
<!-- 侧边栏内容 草稿内容 -->
<div id="new_ui" class="am-offcanvas" name="">
	<div class="am-offcanvas-bar am-offcanvas-bar-flip" style="width: 40%;">
		<div class="am-offcanvas-content">

			<form name="neworder" class="am-form am-form-horizontal" data-am-validator ng-model="norder">
				<fieldset>
					<legend style="color: white;">订单详情</legend>
					<form data-ng-model="norder">
						<div>
							<div class="am-form am-form-horizontal">
								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">订单ID：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input readonly data-ng-model="norder.uuid" type="text" class="am-input-sm">
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">用户名：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input readonly data-ng-model="norder.user.phone" type="text" class="am-input-sm">
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">订单描述：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input readonly data-ng-model="norder.description" type="text" class="am-input-sm">
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">产 品：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<button class="am-btn am-btn-xs" data-am-collapse="{target: '#product'}">
											详情 <i class="am-icon-bars"></i>
										</button>
										<div id="product" class="am-collapse ">
											<h4 class="am-list-item-text am-text-lg" style="color: green;" ng-repeat="detail in norder.orderDetails">
												{{ detail.product.description}}: ￥ {{ detail.product.price }} <a class="am-list-item-text">&nbsp;x <span data-ng-bind="detail.amount"></span> =
												</a> <span class="am-text-xl" style="color: red;">{{ detail.price * detail.amount }} </span>
											</h4>
										</div>
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">支付时间：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input readonly value="{{ norder.postTime | date : 'yyyy-MM-dd HH:mm:ss' }}" type="text" class="am-input-sm">
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">历史打折：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input readonly value="{{ norder.discount? norder.discount:'无'  }}" type="text" class="am-input-sm">
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">总价：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input readonly value="{{ norder.money }} 元" type="text" class="am-input-sm">
									</div>
								</div>



								<div class="am-margin-top-sm" data-ng-show="norder.showOperator">

									<hr />
									<div class="am-u-sm-12">操作人 :</div>
									<div class="am-g am-margin-top-sm">
										<div class="am-u-sm-12 am-u-md-4 am-text-right">电话：</div>
										<div class="am-u-sm-12 am-u-md-8 am-u-end">
											<span data-ng-bind="norder.operator"></span>
											<button class="am-btn am-btn-xs" data-ng-click="showOperatorDetailStatus(norder.operator);">
												详情 <i class="am-icon-bars"></i>
											</button>
										</div>
									</div>

									<div class="am-g am-margin-top-sm" data-ng-show="showOperatorDetail">
										<div class="am-u-sm-12 am-u-md-4 am-text-right">名字：</div>
										<div class="am-u-sm-12 am-u-md-8 am-u-end">
											<input readonly value="{{ operator.name }}" type="text" class="am-input-sm">
										</div>
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-9 am-u-sm-push-3">
										<button type="button" class="am-btn am-btn-primary" ng-click="closeNew()">关闭</button>
									</div>
								</div>
				</fieldset>
			</form>

		</div>
	</div>
</div>
